.font-style-base {
  font-family: -apple-system, BlinkMacSystemFont, Segoe WPC, Segoe UI, Ubuntu, Droid Sans, sans-serif;
  font-size: 14px;
}

.jupyterNotebook-section {

    h1 {
      @extend .font-style-base;
      font-size: 30px !important;
      font-weight: 600;
      margin-top: 20px !important;
      margin-bottom: 10px !important;
    }

    h2 {
      @extend .font-style-base;
      font-size: 25px !important;
      margin-top: 20px !important;
      margin-bottom: 10px !important;
    }

    .nb-notebook {
      @extend .font-style-base;
      line-height: 1.5; 
      margin-top: 20px; 
      margin-bottom: 20px;
      margin-left: 100px;
      margin-right: 50px;
    }
  
    .nb-stdout, .nb-stderr {
      @extend .font-style-base;
      white-space: pre-wrap;
      margin: 1em 0;
      padding: 0.1em 0.5em;
    }
  
    .nb-stderr {
      @extend .font-style-base;
      background-color: #FAA;
    }
  
    .nb-cell + .nb-cell {
      margin-top: 0.5em;
    }
  
    .nb-output table {
      border: 1px solid #000;
      border-collapse: collapse;
    }
  
    .nb-output th {
      font-weight: bold;
    }
  
    .nb-output th, .nb-output td {
      @extend .font-style-base;
      border: 1px solid #000;
      padding: 0.25em;    
      text-align: left;
      vertical-align: middle;
      border-collapse: collapse;
    }
  
    .nb-cell {
      @extend .font-style-base;
      position: relative; 
    }
  
    .nb-raw-cell {
      @extend .font-style-base;
      white-space: pre-wrap;
      background-color: #f5f2f0;
      padding: 1em;
      margin: .5em 0;
    }
  
    .nb-cell.nb-code-cell .nb-input {
      border-style: solid;
      border-radius: 5px;
      border-color: lightgray;
      border-width: 1px;
      padding-top: 5px;
      padding-bottom: 5px;
      padding-left: 10px;
      padding-right: 10px;
      font-size: 12px;
    }
  
    .nb-output {
      @extend .font-style-base;
      min-height: 1em;    
      width: 100%;
      overflow-x: scroll;
    }
  
    .nb-output img {
      max-width: 100%;    
    }
  
    .nb-input:before {
      position: absolute;    
      font-family: monospace;
      color: #999;
      left: -7.5em;
      width: 7em;
      text-align: right;
      padding: 10px;
      font-size: 12px;
    }
  
    .nb-output:before {
      position: absolute;    
      font-family: monospace;
      color: #999;
      left: -7.5em;
      width: 7em;
      text-align: right;
      padding: 10px;
      padding-left: 8px;
      font-size: 12px;
    }
    .nb-input:before {
      content: "In [" attr(data-prompt-number) "]:";
    }
    .nb-output:before {
      content: "Out [" attr(data-prompt-number) "]:";
    }
  
    .nb-input, .nb-output{ 
      font-size: 13px;
    }
  
    // Fix pandas dataframe formatting
    div[style="max-height:1000px;max-width:1500px;overflow:auto;"] {
      max-height: none !important;    
    }

    code {
      padding: 2px 4px;
      font-size: 90%;
      color: var(--text-primary);
      background-color: transparent;
    }
  }
